.container {
  width: 100%;
  padding: 16px 24px;
  .title {
    font-size: 20px;
    font-family: "SourceHanSansCN-Bold" !important;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  .content {
    display: flex;
    flex: 1;
    width: 100%;

    .inputBox {
      display: flex;
      flex-direction: column;
      margin-bottom: 20px;
      :global {
        textarea {
          background-color: #eee;
          color: #333;
        }
      }
      .text {
        display: inline-block;
        margin-bottom: 8px;
      }
      .imageBox {
        width: 100%;
        height: 186px;
        border: 1px solid;
        border-radius: 8px;
        background-color: #eee;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        .textArea {
          width: 100%;
          height: 100%;
          border-radius: 8px;
          z-index: 1;
        }
        .imgBox {
          width: 164px;
          height: 164px;
          border: 1px solid #aaa;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          z-index: 2;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .emptyBox {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: auto;

          .uploadBtn {
            width: 160px;
            height: 46px;
            line-height: 46px;
            font-size: 14px;
            font-family: SourceHanSansCN-Medium !important;
            cursor: pointer;
            position: relative;

            :global {
              svg {
                width: 16px;
                height: 16px;
              }
              input {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                cursor: pointer;
                opacity: 0;
              }
            }
          }

          :global {
            .ant-btn {
              padding: 0;
            }
          }

          .text {
            font-size: 14px;
            font-weight: 500;
            font-family: SourceHanSansCN-Medium !important;
            color: #333;
            margin: 8px 0;
          }

          .tips {
            font-size: 12px;
            color: #777;
          }
        }
      }
      .btns {
        display: flex;
        justify-content: space-between;
        :global {
          button {
            width: 100px;
          }
        }
      }
    }
    .box {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 10px;
      border: 1px solid #aaa;
      border-radius: 8px;
      background-color: rgba(255, 255, 255, 0.2);
      &:nth-of-type(1) {
        margin-right: 12px;
      }
    }
  }
}
